<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

{% block styles %}
<link rel="stylesheet" href="/static/css/smoothness/jquery-ui-1.7.2.custom.css" type="text/css" media="screen" title="smoothness" />
<link rel="stylesheet" type="text/css" href="/static/javascript/jquery_splitter/splitter.css" />
<link rel="stylesheet" type="text/css" href="/static/javascript/jquery_multiselect/jquery.multiselect.css" />

<script src="/static/javascript/jquery/jquery_1_7_2_readable_do_not_compile.js"></script>
<script src="/static/javascript/jquery_ui/jquery-ui-1.8.1.custom.js"></script>
<script src="/static/javascript/jquery_template/jquery.tmpl.js"></script>
<script src="/static/javascript/jstree/jquery.jstree.js"></script>
<script src="/static/javascript/jquery_splitter/jquery.splitter.js"></script>
<script src="/static/javascript/flot/jquery.flot.js"></script>
<script src="/static/javascript/flot/jquery.flot.resize.js"></script>
<script src="/static/javascript/flot/jquery.flot.pie.js"></script>
<script src="/static/javascript/flot/jquery.flot.navigate.js"></script>
<script src="/static/javascript/jquery_multiselect/jquery.multiselect.min.js"></script>
<script src="/static/javascript/bootstrap.js"></script>

<link rel="stylesheet" type="text/css" href="/static/css/bootstrap.css" media="screen"/>
<link rel="stylesheet" href="/static/css/grr.css" type="text/css" media="screen" />
<link rel="shortcut icon" href="/static/images/favicon.png" />


{% endblock %}

{% block html_head %}
{% endblock %}

<title>{% block title %}{{title}}{% endblock %}</title>
</head>
<body id="body">
  <div id="ACL"></div>
  <div class="navbar navbar-fixed-top" id="header">
    <div class="navbar-inner">
      <div class="container-fluid">
        <a class="brand" href="/">GRR Response Rig</a>

        <div id="notifications"></div>
        <form id="search_host" class="navbar-form form-search pull-right">
          <div class="input-append">
            <input type="text" id="client_query" name="q" class="span4 search-query" placeholder="Client Name/Regexp" />
            <button type="submit" id="client_query_submit" class="btn">Search</button>
          </div>
        </form>

      </div>
    </div>
  </div>
  <script>
    $("#search_host").submit(function () {
    grr.layout("HostTable", "main", {q: $('input[name="q"]').val()});
    return false;
    }).find("input[name=q]").focus();
  </script>

  <div style="position: absolute; left: 0; top: 41px; bottom: 40px; right: 0" id="content">
  </div>

  <div class="navbar navbar-fixed-bottom" id="footer">
    <div class="navbar-inner">
      <a class="brand"></a>
      <ul class="nav pull-left">
        <li>
          <button id="show_backtrace" class="nav-btn btn btn-danger" style="display: none">
            <img src="/static/images/stock_dialog_question.png" class="grr-icon" />
          </button>
        </li>
        <li class="divider-vertical"></li>
        <li>
          <div class="navbar-text" id="footer_message"></div>
        </li>
      </ul>

      <ul class="nav pull-right">
        <li><a href="http://grr.googlecode.com/git/docs/index.html" target="_blank">Help</a></li>
        <li><a href="http://code.google.com/p/grr/issues/list" target="_blank">Report a problem</a></li>
      </ul>

    </div>
  </div>
  <div id="error_action" style="display: none"></div>
  <div id="backtrace" class="modal wide-modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <h3>Modal header</h3>
    </div>
    <div class="modal-body"><pre></pre></div>
    <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    </div>
  </div>

  <script src="/static/javascript/grr.js"></script>
  <script type="text/javascript">
    grr.layout("ContentView", "content");
    grr.layout("NotificationBar", "notifications");
    grr.layout("ACLDialog", "ACL");
  </script>
</body>
</html>
